/* header */
.header_center {
  padding: 19px 132px; /*内边距两个值代表：上下19px，左右132px*/
  overflow: hidden; /*元素溢出部分隐藏 */
  height: 44px;
}
.header_center ul li {
  float: left;
  margin-right: 50px;
  line-height: 44px; /*行高，作用于文字垂直居中显示*/
}
.header_center ul li a {
  color: #646464; /*字体颜色*/
}
.header_center ul li a:hover {
  color: #66c5b4;
}
/* header */

/* 轮播图模块 */
.CarouselMap {
  position: relative; /*相对定位，含义：根据元素自身定位，保留原有位置*/
}
.CarouselMap ul li img {
  width: 100%; /*宽、高设置成百分比，为了更好的适应容器的大小*/
  height: 100%;
}
.CarouselMap ul {
  width: 1352px;
  height: 469px;
  margin: 0 auto; /*水平居中，两侧留白*/
}
.CarouselMap .DotController {
  position: absolute; /*绝对定位 脱离文档流根据父/祖级元素定位*/
  bottom: 20px;
  left: 50%;
  transform: translate(-50%); /*沿着水平方向平移，使元素居中效果*/
}
.CarouselMap .DotController .item {
  border: 2px solid #fff; /*属于复合样式，由边框宽度、边框类型、边框颜色相组成*/
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%; /*圆角边框*/
  margin-left: 6px;
}
/* 轮播图模块 */
/* 服务范围 */
.section-header {
  text-align: center; /* 文字水平居中，常用属性值：left | right | cnter ...*/
  padding: 55px 0 40px 0; /*内边距为四个属性值表示：上右下左依次排列*/
}
.section-header-box {
  width: 350px;
  margin: 0 auto;
  position: relative;
  font-size: 20px;
  color: #363636;
}
.section-header-box .section-header-left,  /*用到分组选择器、为了代码优化*/
.section-header-right {
  width: 100px;
  height: 1px;
  position: absolute;
  top: 15px;
  background: #c3c3c3;
}
.section-header-box .section-header-right {
  right: 0;
}
.section-header-left::after,
.section-header-right::after {
  /*伪元素*/
  content: ""; /*该属性是定义伪元素不可缺少的元素，可以用来修改伪元素的内容*/
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50px;
  background: #c3c3c3;
  top: -4px;
}
.section-header-left::after {
  right: 0;
}
.section-header-right::after {
  left: 0;
}
.section-header .section-header-title {
  color: #c3c3c3; /*字体颜色，企业常用颜色代码来表示颜色*/
  font-size: 14px; /*字体大小，以像素为单位*/
  margin-top: 10px;
}
.section1 .section-header {
  padding: 60px 0 50px 0;
}
.section1-content > .list {
  width: 25%;
  float: left;
  height: 280px;
  text-align: center;
}
.section1-content > .list img {
  margin: 0 auto;
}
.section1-content > .list .p1 {
  font-size: 18px;
  color: #434343;
  padding: 30px 0 20px 0;
  font-weight: 700; /*字体宽度，取值范围：100-900*/
}
.section1-content > .list .p2 {
  color: #6d6d6d;
  width: 205px; /*宽度固定，边距自适应*/
  margin: 0 auto;
}
/* 客户案例 */
.section2 {
  background: #f8f8f8;
  padding-bottom: 65px;
}
.section2-content {
  padding-left: 5px;
  width: 1085px;
}
.section2 .section-header-box {
  color: #66c5b4;
}
.section2-content .li {
  float: left;
  margin: 0 10px;
}
.number {
  display: block;
  margin: 0 auto;
  text-align: center; /* 文字居中 */
  width: 178px;
  /* margin-bottom:32px; */
  line-height: 38px;
  background: #66c5b4;
  color: #fff;
  font-size: 14px;
  border-radius: 100px;
  margin-top: 37px;
}
.section2 .section-header {
  padding: 55px 0 40px 0;
}
/* 最新资讯 */
.latest {
  padding-bottom: 46px;
}
.latest ul {
  width: 835px;
}
.latest ul li {
  float: left;
  padding-bottom: 44px;
}
.latest ul li .latest-right .p2 {
  color: #a4a4a4;
  width: 320px;
  line-height: 20px;
}
.latest ul li .latest-right .p1 {
  padding-bottom: 21px;
}
.latest ul li .latest-left {
  width: 71px;
  height: 78px;
  text-align: center;
  color: #999999;
  font-size: 20px;
  border-right: 1px solid #dcdcdc; /*右侧边框*/
  padding-right: 8px;
  font-weight: 700;
}
.latest ul li .latest-left P {
  color: #66c5b4;
  font-size: 39px;
}
.latest ul li .latest-right {
  padding-left: 16px; /*左内边距为16px*/
}
.footer {
  background-color: #66c5b4;
  padding: 20px 0;
}
.footer ul li {
  float: left; /*li标签左浮动显示*/
}
.footer ul li > a {
  padding: 1px 23px;
  border-right: 1px solid #fff;
  color: #fff;
}
.footer ul li:last-of-type > a {
  padding-right: 0; /*右内边距*/
  border-right: 0; /*右内边框*/
}
